<!doctype html>
<html class="no-js" lang="zxx">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>电商交易数据可视化</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Place favicon.ico in the root directory -->
        

        <!-- All css here -->
        <link rel="stylesheet" href="../static/css/bootstrap.min.css">
        <link rel="stylesheet" href="../static/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="../static/css/animate.css">
        <link rel="stylesheet" href="../static/css/slick.css">
        <link rel="stylesheet" href="../static/css/meanmenu.css">
        <link rel="stylesheet" href="../static/css/default.css">
        <link rel="stylesheet" href="../static/css/style.css">
        <link rel="stylesheet" href="../static/css/responsive.css">
    </head>
    <body>
        <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->
        <!--  ====== preloader=============================================  -->
        <div id="preloader">
            <div id="loading">
                <div id="loading-center">
                    <div id="loading-center-absolute">
                    <div class="object" id="object_one"></div>
                    <div class="object" id="object_two"></div>
                    <div class="object" id="object_three"></div>
                    <div class="object" id="object_four"></div>
                    <div class="object" id="object_five"></div>
                    <div class="object" id="object_six"></div>
                    <div class="object" id="object_seven"></div>
                    <div class="object" id="object_eight"></div>
                    
                    </div>
                </div>
            </div>
        </div><!-- /preloader -->

        <!--  ====== header-area-start=======================================  -->
        <header>
            <div id="header-sticky" class="transparent-header header-area">
                <div class="header header5">
                    <div class="container">
                        <div class="row align-items-center justify-content-between">
                            <div class="col-xl-3 col-lg-2 col-md-3 col-sm-3 col-4">
                                <div class="logo d-inline-block">
                                    <a href="/home"><h1 class="text-white wow fadeIn f-700 pb-15 transition-3" style="margin-left: -300px">电商交易数据可视化</h1></a>

                                </div>
                            </div><!-- /col -->
                            <div class="col-xl-8 col-lg-9 col-md-8 col-sm-8 col-8 d-flex justify-content-end" style="margin-right: -400px">
                               <div class="main-menu">
                                   <nav id="mobile-menu">
                                        <ul class="d-block">
                                            <li>
                                                <a class="active text-white" href="/home">首 页</a>
                                            </li>
                                            <li>
                                                <a class="text-white" href="/rata">男女比例</a>
                                            </li>
                                            <li>
                                                <a class="text-white" href="/action">消费行为</a>
                                            </li>
                                            <li>
                                                <a class="text-white" href="/age">年龄数据</a>
                                            </li>
                                            <li>
                                                <a class="text-white" href="/item">热门商品词云</a>
                                            </li>
                                            <li>
                                                <a class="text-white" href="/province">各省份消费数据</a>
                                            </li>
                                             <li>
                                                <a class="text-white" href="/recall">回头客预测</a>
                                            </li>
                                        </ul>
                                   </nav>
                               </div><!-- /main-menu -->

                            </div><!-- /col -->
                        </div><!-- /row -->
                    </div><!-- /container -->
                </div>
            </div><!-- /header-bottom -->
        </header>
        <!--  header-area-end  -->


        <!--  ====== header extra info start================================== -->
            <!-- side-mobile-menu start -->
            <div class="side-mobile-menu bg-white pt-50  pb-30 pl-30 pr-30">
                <div class="close-icon float-right pt-10 mb-20">
                    <a href="javascript:void(0);"><span class="icon-clear theme-color"><i class="fa fa-times"></i></span></a>
                </div>
                <div class="mobile-menu"></div>

                <ul class="social-link text-center text-md-right pt-50 pb-50 clear-both">
                    <li class="d-inline-block">
                        <a class="facebook-color text-center pl-15 d-inline-block transition-3" href="/"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li class="d-inline-block">
                        <a class="twitter-color text-center pl-15 d-inline-block transition-3" href="/"><i class="fab fa-twitter"></i></a>
                    </li>
                    <li class="d-inline-block">
                        <a class="google-plus-color text-center pl-15 d-inline-block transition-3" href="/"><i class="fab fa-google-plus-g"></i></a>
                    </li>
                    <li class="d-inline-block">
                        <a class="linkedin-color text-center pl-15 d-inline-block transition-3" href="/"><i class="fab fa-linkedin-in"></i></a>
                    </li>
                </ul><!-- social-link -->
            </div><!-- /side-mobile-menu -->
            <div class="body-overlay"></div>
        <!-- header extra info end  -->
   

        <main>
            <!-- ======slider-area-start=========================================== -->
            <div id="home" class="slider-area slider5-bg overly position-relative slider-height d-flex align-items-center justify-content-center position-relative over-hidden no-repeat bg-cover" data-background="../static/picture/test.jpg">
                <div class="container">
                    <div class="single-slider">
                        <div class="row align-items-center justify-content-center">
                            <div class="col-xl-8  col-lg-8 col-md-8  col-sm-10 col-12">
                                <div class="slider-content text-center z-index1">
                                    <span class="f-600 text-white d-block wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".3s">WELCOME!</span>
                                    <h1 class="text-white wow fadeIn f-700 pb-15" data-wow-duration="1.8s" data-wow-delay=".5s">欢迎来到电商数据可视化系统</h1>
                                    <p class="text-white wow fadeInUp" data-wow-duration="1.4s" data-wow-delay=".7s">欢 迎 你 !</p>
                                    <a href="/" class="btn theme-bg mt-30 wow fadeInUp" data-wow-delay=".5s" data-wow-duration="1s">HOME</a>
                                </div>
                            </div><!-- /col -->
                        </div><!-- /row -->
                     </div>
                </div><!-- /container -->
                <div class="slider-arrow left-50 position-absolute  smooth-scroll">
                    <a href="/about" class="slider-arrow-btn  bounce-animate-arrow position-relative d-inline-block"></a>
                </div><!-- /slider-arrow -->
{#                <img class="f-img-bg w-100 position-absolute top-0 left-0 right-0 w-100 mt-50 mb-100 z-index-1" src="../static/picture/feature-bg.png" alt="">#}

            </div>
            <!-- slider-area-end=  -->
        </main>

        <!-- All js here -->
        <script src="../static/js/modernizr-3.5.0.min.js"></script>
        <script src="../static/js/jquery-1.12.4.min.js"></script>
        <script src="../static/js/popper.min.js"></script>
        <script src="../static/js/bootstrap.min.js"></script>
        <script src="../static/js/one-page-nav-min.js"></script>
        <script src="../static/js/slick.min.js"></script>
        <script src="../static/js/wow.min.js"></script>
        <script src="../static/js/plugins.js"></script>
        <script src="../static/js/jquery.meanmenu.min.js"></script>
        <script src="../static/js/main.js"></script>
    	
</body>
</html>